<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich" >
    
    <f:view contentType="text/html">
    
    	<h:head>
			<title>UsaPré</title>
			<ui:insert name="js"/>
			<ui:insert name="css"/>
		</h:head>	
		
		<h:body>
		
			<h:panelGroup id="mensagens">
					<h:outputScript rendered="#{not empty facesContext.messageList}">
						<a4j:repeat value="#{facesContext.messageList}" var="message">
							alert("<h:outputText value="#{message.summary}" />");
						</a4j:repeat>
					</h:outputScript>
				</h:panelGroup>			

			<div class="conteiner">
				<div class="topo">
			        <div class="logo" align="center">
			        	<h:form>
				        	<a4j:commandLink action="#{telaInicialBean.inicio}" >
				        		<img src="images/logo.gif" width="198" height="96" />
				        	</a4j:commandLink>
			        	</h:form>
			        </div>
			        <div class="middle">
			          	<div class="logado2">Olá, <strong><h:outputText value="#{logadoBean.usuario.nome}" /></strong>. Seja bem vindo!</div>
			          	<div class="logado3"><h:outputText value="#{logadoBean.usuario.email}" /></div>
			          	<div class="logado4"></div>
			        </div>
			        <div class="topo_icone_config">
			        	<img src="images/topo_config.gif" width="40" height="96" />
			        </div>
			      	<div class="topo_home">
			      		<h:form>
			      			<a4j:commandLink value="Página inicial" action="#{telaInicialBean.inicio}" />
			      		</h:form>
			      	</div>
				</div>
			  	<div class="faixa_azul"></div>
			  	<div class="barra_cinza2">&nbsp;Gerenciamento de conta</div>
			  	<div class="menu_lateral">
				  	<h:form>
					  	<div class="botoes_menu" id="link5">&nbsp;
					  		<a4j:commandLink value="Home" action="#{logadoBean.goHomeGerencie}" />
					  	</div>
					  	<div class="botoes_menu" id="link5">&nbsp;
					  		<a4j:commandLink value="Solicitar Cartão Adicional" action="#{logadoBean.goLogadoSolicitarCartaoAdicional}" />
					  	</div>
					  	<div class="botoes_menu" id="link5">&nbsp;
					  		<a4j:commandLink value="Gerenciamento móvel" action="#{logadoBean.goLogadoGerencimentoMovel}" />
					  	</div>
					  	<div class="botoes_menu" id="link5">&nbsp;
					  		<a4j:commandLink value="Rede credenciada" action="#{logadoBean.goLogadoRedeCredenciada}" />
					  	</div>
					  	<div class="botoes_menu" id="link5">&nbsp;
					  		<a4j:commandLink value="Rede completa" action="#{logadoBean.goLogadoRedeCompleta}" />
					  	</div>
					</h:form>  	
			  	</div>
			  	<div class="caixa_extrato">
				  	
				  	<ui:insert name="mid"></ui:insert>
				  	
			  	</div>
			  	<div class="over_rodape"></div>
			  	<div class="rodape">
					<div class="rodape_part1"><a href="#"><img src="images/rodape1.gif" width="246" height="57" /></a></div>
					<div class="rodape_separador"></div>
					<div class="rodape_part2"><img src="images/rodape2.gif" width="322" height="57" usemap="#Map" border="0" />
			      		<map name="Map" id="Map">
					        <area shape="rect" coords="3,16,87,43" href="#" />
					        <area shape="rect" coords="116,17,200,46" href="#" />
					        <area shape="rect" coords="219,15,319,46" href="#" />
				      	</map>
					</div>
				    <div class="rodape_separador"></div>
				    <div class="rodape_part3">SAC/OUVIDORIA 0300-210-4001</div>
			  	</div>
			</div>
		
			
		
		</h:body>
		
	</f:view>
	
</ui:composition>	